.B0503_1-content .kmi-layout-main-content{
    background : linear-gradient(to right, #f7f7f7 50%,rgba(255, 255, 255, 0.51) 100%);
}
.B0503_1-content .kmi-layout-page{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 4px 12px 12px 12px;
}
.B0503_1-content .kmi-mask-layout{
    z-index: 7; 
    height: 100%; 
    width: 100%; 
    background: rgba(0,0,0,0.2); 
    position: absolute; 
    top: 0px;
}
.B0503_1-content .user-content{
    flex: 0 0 120px;
    height: 120px;
    border: 0px;
    background: none;
    margin: 0;
}
.B0503_1-content .machine-content{
    display: flex;
    flex: 1;
    height: calc(100% - 128px);
}
.B0503_1-content .machine-content.max{
    display: flex;
    flex: 1;
    height: calc(100% - 36px);
}
.B0503_1-content .left-page{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0px 12px 0px 0;
    /*height: initial;*/
    overflow: hidden;
    transition: all ease-in-out .25s;
    opacity: 1;
}
.B0503_1-content .left-page.is-closed{
    flex: 0;
    padding: 0;
    opacity: 0;
}
.B0503_1-content .left-page .left-inner-page{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1;
    padding-top:12px;
    transition: all ease-in-out .25s;
}
.B0503_1-content .left-page .left-inner-page.is-closed{
    flex: 0 0 48px;
    overflow: hidden;
}
.B0503_1-content .right-page .right-inner-page{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1;
    padding-top:12px;
    transition: all ease-in-out .25s;
}
.B0503_1-content .right-page .right-inner-page.is-closed{
    flex: 0 0 48px;
    overflow: hidden;
}
.B0503_1-content .right-page{
    /* flex: 1;
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; */
    /*height: initial;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0px 12px 0px 0;
    /*height: initial;*/
    overflow: hidden;
    transition: all ease-in-out .25s;
    opacity: 1;
}
/****Section*****************************************************************/
.B0503_1-content .section{
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    border: 0.5px solid #d1f0fc;
    flex: 1;
    /*height:100%;*/
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    position:relative;
    transition:all ease-in-out .25s;
    -webkit-transition:all ease-in-out .25s;
}
.B0503_1-content .section.ng-enter,
.B0503_1-content .section.ng-leave{
    transition:all ease-in-out 0s;
}
.B0503_1-content .section.is-closed{
    flex: 0 0 48px;
    overflow: hidden;
}
.B0503_1-content .section.is-editing{
   z-index: 8;
}
.B0503_1-content .section .section-title{
    /*height: 56px;*/
    flex: 0;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    flex: 0 0 48px;
    box-sizing: border-box;
}
.B0503_1-content .section .section-title >i{
    margin-left: 6px;
}
.B0503_1-content .section .section-content{
    flex: 1;
    padding: 0px 8px 8px;
    display: flex;
    flex-direction: column;
    overflow: auto;
}
.B0503_1-content .section.is-closed .section-content{
    display: none;
}
.section .dashboard-fields{
    margin-bottom: 12px;
    position: relative;
}
/***************************/
.B0503_1-content .section.workMaterial{
    margin: 0px;
}
/***************************/
.B0503_1-content .section.productInfo{
    margin: 0px;
}
/***************************/
.B0503_1-content .section.accessory {
    margin: 0px;
}
/***************************/
.B0503_1-content .section.operatorInfo{
    flex: 0 0 120px;
    border:0px;
    background: none;
    margin: 0;
}
.B0503_1-content .section.operatorInfo .section-content{
    overflow: hidden;
    flex-direction: row;
    padding-top: 8px;
    padding-left: 2px;
}
.B0503_1-content .section.operatorInfo .close-btn{
    position: relative;
    width: 32px;
    height: 32px;
    text-align: center;
    /*padding-top: 4px;*/
    box-sizing: border-box;
}
.B0503_1-content .section.operatorInfo .close-btn .open{
    display: none;
}
.B0503_1-content .section.operatorInfo.is-closed .close-btn .open{
    display: initial;
}
.B0503_1-content .section.operatorInfo.is-closed .close-btn .close{
    display: none;
}
.B0503_1-content .section.operatorInfo.is-closed .section-content {
    display: flex;
    overflow: hidden;
}
.B0503_1-content .section.operatorInfo .info-panel{
    flex:1;
}
.B0503_1-content .section.operatorInfo .kmi-text-fields{
    margin-bottom:4px;
    height: 24px;
    font-size: 16px;
}
.B0503_1-content .section.operatorInfo.is-closed {
    flex: 0 0 40px !important;
}
.B0503_1-content .section.operatorInfo .material-icons{
    /*color:#1ab7cd;*/
    /*font-size: 20px;*/
    cursor: pointer;
}
.B0503_1-content .header-title{
    margin-left: 20px;
}
